<template>
  <div class="agreement">
    <h1>大厂车检在线年检服务协议</h1>
    <h3>尊敬的车主您好：</h3>
    <p class="one">欢迎您使用大厂车检在线年检服务，提交前请您务必审慎阅读、充分理解各条款内容，提交后即表示您已阅读并接受本协议所有条款，否则您无权使用本平台及相关服务。</p>
    <p>一、大厂车检在线年检平台，保留在任何时候修改本服务协议条款的权利，且无需另行通知，用户在使用服务时应关注并遵守。当发生有关争议时，以最新的服务协议为准。</p>
    <p>二、本平台对用户所提交的信息具有保密义务，用户在使用本平台的过程中，应保证各项所需信息的真实性，如因用户提交的信息不真实而引起的问题，及问题发生后所带来的后果，本平台不负任何责任。</p>
    <p>三、您所上传并提交的电子签名，仅限并只应用于办理年检业务时所需要的《委托单》和《机动车号牌申请表》。</p>
    <p>四、办理机动车年检业务时，需要工作人员驾驶车辆进行检测，请您务必拿好车内贵重物品，如有丢失或损坏，我公司概不负责。</p>
    <p>五、我们本着为车主节省检测时间、方便车主、提高工作效率的原则，所有在线预约年检的用户，均在缴费成功后视为有效。预约成功后需按预约时间准时到达我公司进行检测。</p>
    <p>六、大厂回族自治县全顺机动车检测有限公司，享有对本平台及相关软件的发表权、署名权、著作权、修改权、复制权、发行权，其他任何机构、公司及个人严禁未经本平台许可而擅自复制、销售及一切用于商业用途的行为。如发现，本平台将追究其法律责任。</p>
    <button @click="agreedClick">我已阅读并同意</button>
  </div>
</template>

<script>
export default {
  name: 'Agreement',
  data() {
    return {
      carInfo: [],
      editState: null
    }
  },
  created() {
    if (this.$route.params.carInfo) {
      this.carInfo = this.$route.params.carInfo
      this.editState = this.$route.params.editState
    } else {
      this.$router.go(-1)
    }
  },
  methods: {
    agreedClick() {
      // this.$emit('agreedClick')
      this.$router.push({
        name: 'vehicleDetails',
        params: {
          name: 'agreement',
          carInfo: this.carInfo,
          editState: this.editState
        }
      })
    }
  }
}
</script>

<style lang="less" scoped>
.agreement {
  background-color: #f5f6f5;
  padding: 0.2rem 0.2rem 0.667rem;
  width: 100%;
  height: 100%;
  // position: absolute;
  // top: 0;
  // left: 0;
  // right: 0;
  // bottom: 0;
  z-index: 99999;
  overflow: scroll;
  h1 {
    width: 38%;
    margin: auto;
    text-align: center;
    font-size: 0.453rem;
  }
  h3,
  p {
    font-size: 0.4rem;
    line-height: 0.533rem;
    letter-spacing: 0.027rem;
  }
  .one {
    text-indent: 1.013rem;
  }
  p {
    margin-bottom: 0.6rem;
  }
  button {
    width: 90%;
    height: 1.28rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 1.267rem;
    font-size: 0.653rem;
    background-color: #ea4d18;
    color: #fff;
    border-radius: 0.16rem;
    border: 0;
  }
}
</style>>

